<template>
    <el-amap vid="amapDemo"  :center="center" 
        :zoom="zoom">
         <el-amap-marker vid="marker" 
          :position="center" 
          :label="label"
           >
         </el-amap-marker>
    </el-amap>
    <!-- <div class="amap-wrapper">
      <el-amap vid="amapDemo" 
        :center="center" 
        :zoom="zoom"
        class="amap-demo">
        <el-amap-marker vid="marker" 
          :position="center" 
          :label="label"
           >
        </el-amap-marker>
        <el-amap-circle  vid="circle"
          :center="center" 
          :radius="radius" 
          fill-opacity="0.2"
          strokeColor="#38f"
          strokeOpacity="0.8"
          strokeWeight="1"
          fillColor="#38f"
          >
        </el-amap-circle>
      </el-amap> -->
    <!-- </div> -->
</template>

<script>

export default {
      data(){
        return {
          zoom: 12,
          radius:100,
          center: [114.429455, 30.467623],
            label:{
                content:'钦汇园',
                offset:[10,12]
            },
        };
      },

      methods: {
          addRadius(){
      this.radius+=10;
    }
      }
    };

</script>
